﻿@inherits Kaleido.Util.Mvc.DynamicViewPage
<style>
    @if (!string.IsNullOrEmpty(var["font"]))
    {
        @:html{
            @:font-family:@var["font"];
        @:}
    }
    @if (!string.IsNullOrEmpty(var["bgImage"]))
    {
        @:#bgImage { position:fixed; top:0; left:0; z-index:-4; min-width:@var["bgWidth"]%;min-height:100%;
		if (var["bgMaxScroll"] != 0)
        {
			@:-webkit-transition:margin-left @var["bgScrollSpeed"]ms linear;
			@:-moz-transition:margin-left @var["bgScrollSpeed"]ms linear;
			@:-o-transition:margin-left @var["bgScrollSpeed"]ms;
			@:-ms-transition:margin-left @var["bgScrollSpeed"]ms;
			@:transition:margin-left @var["bgScrollSpeed"]ms;
        }
		@:}
    }
    @if (var["autoRearrangeEffect"])
    {
        @:.tile{
	        @:-webkit-transition-property: box-shadow, margin-left,  margin-top;
	        @:-webkit-transition-duration: 0.25s, 0.5s, 0.5s;
	        @:-moztransition-property: box-shadow, margin-left,  margin-top;
	        @:-moz-transition-duration: 0.25s, 0.5s, 0.5s;
	        @:-o-transition-property: box-shadow, margin-left,  margin-top;
	        @:-o-transition-duration: 0.25s, 0.5s, 0.5s;
	        @:-ms-transition-property: box-shadow, margin-left,  margin-top;
	        @:-ms-transition-duration: 0.25s, 0.5s, 0.5s;
	        @:transition-property: box-shadow, margin-left,  margin-top;
	        @:transition-duration: 0.25s, 0.5s, 0.5s;
	    @:}
    }
    @if (var["groupDirection"] == "vertical" & var["scrollHeader"] == true)
    {
        @:header{
		    @:position:absolute;
        @:}
    }
    @if (var["maxPageWidth"] != "900")
    {
        @:#headerCenter{
	        @:max-width:@var["maxPageWidth"]px;
        @:}
        @:#centerWrapper{
            @:max-width:@var["maxPageWidth"]px; /* MAX WIDTH OF PAGE*/
        @:}
    }
    @if (Session["username"] == var["username"])
    {        
        @:#adminPanel{
	        @:position:fixed;
	        @:bottom:0;
	        @:left:0;
        @:}
        @:#adminText{
            @:background-color:#668800;
            @:padding:3px;
            @:color:#FFF;
            @:text-decoration:none;
        @:}
        @:#adminText:hover{
            @:background-color:#678000;
            @:text-decoration:underline;
        @:}
        @:#adminHovered{
            @:display:none;
            @:list-style:none;
            @:margin:0;
            @:background-color:#333;
            @:color:#FFF;
            @:margin-bottom:3px;
        @:}
        @:#adminHovered>li>a{
            @:color:#FFF;
            @:text-decoration:none;
            @:display:block;
            @:padding:3px;
        @:}
        @:#adminHovered>li>a:hover{
            @:text-decoration:underline;
        @:}
        @:#adminPanel:hover #adminHovered{
            @:display:block;
        @:}
    }
</style>
